.right {
    display: flex;
    flex-direction: column;
    // align-items: center;
    // background-color: #fff;

    .Weather {
        width: 156px;
        height: 32px;
        margin-left: auto;
        display: flex;
        align-items: center;

        span {
            margin: 0 0 0 8px;
        }
    }

    .title1 {
        img {
            display: flex;
            // width: 500px;
            height: 49px;
        }


    }

    .heat-plan {
        // width: 453px;
        // height: 201px;
        // background-color: aqua;

        .top {
            width: 186px;
            height: 20px;
            margin-bottom: 5px;
            margin-top: 5px;
            background-image: url('../assets/rightimg/icon-1.png');

            .top-title {
                width: 186px;
                height: 19px;
                font-size: 16px;
                color: #FFFFFF;
                // color: #C2F5FF;
                margin-left: 44px;
                line-height: 16px;
            }
        }

        .below {
            width: 453px;
            height: 201px;
            font-size: 12px;

            .list-title {
                width: 453px;
                height: 34px;
                background-color: hsla(214, 100%, 19%, 0.3);
                display: flex;
                color: #ffffff;
                line-height: 14px;
                align-items: center;

                .list-content1 {
                    margin: 0 39px 0 26px;
                }
            }

            .list-plan {
                width: 100%;
                height: 162px;
                font-size: 12px;
                color: #fff;

                // background-color: hsla(206, 100%, 45%, 0.3);


                .list-detail {
                    display: flex;
                    width: 425px;
                    height: 30px;
                    align-items: center;

                    .list-image {
                        width: 20px;
                        height: 20px;
                        // background-color: #79c17e;
                        margin: 0 42px 0 26px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                }
            }
        }

    }



    //   安全隐患
    .hidden {
        width: 453px;
        // height: 200px;
        // background-color: rgb(159, 13, 13);
        margin: 2px 0px;

        .danger {
            width: 186px;
            height: 20px;
            margin-bottom: 2px;
            background-image: url('../assets/rightimg/icon-1.png');

            .danger-title {
                width: 186px;
                height: 19px;
                font-size: 16px;
                color: #FFFFFF;
                // color: #C2F5FF;
                margin-left: 44px;
                line-height: 16px;
            }
        }

        .hidden-content {
            display: flex;
            align-items: center;
            justify-content: space-around;

            .hidden-list {
                display: flex;
                align-items: center;

                .hidden-image {
                    width: 50px;
                    height: 60px;

                    img {
                        display: flex;
                        width: 50px;
                        height: 60px;
                    }
                }

                .hidden-r-c {

                    .hid-ent {
                        font-size: 12px;
                        color: #fff;
                    }

                    .hid-size {
                        font-weight: 500;

                        .si6 {
                            font-size: 25px;
                            color: #75F9FC;
                            margin-left: 5px;
                        }
                    }


                }
            }

            .proportion1 {
                width: 160px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: space-evenly;

                .img-icona {
                    width: 20px;
                    height: 20px;
                    background-color: #fff;
                }

                .moon {
                    // width: 108px;
                    color: #fff;
                    // font-size: 15px;
                    padding: 0 5px;

                    span {
                        font-size: 18px;
                        color: #EF532C;
                        font-weight: 500;

                        .fenghao {
                            font-size: 12px !important;
                            margin: 0 0 0 -6px;
                        }
                    }


                }

                .img-iconb {
                    width: 15px;
                    height: 17px;
                    background-color: #fff;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }

            .proportion2 {
                width: 160px;
                height: 36px;
                display: flex;
                align-items: center;
                justify-content: space-evenly;

                .img-icona {
                    width: 20px;
                    height: 20px;
                    background-color: #fff;
                }

                .moon {
                    // width: 108px;
                    color: #fff;
                    // font-size: 15px;
                    padding: 0 5px;

                    span {
                        font-size: 18px;
                        color: #2D8BEA;
                        font-weight: 500;

                        .fenghao {
                            font-size: 12px !important;
                            margin: 0 0 0 -6px;
                        }
                    }

                }

                .img-iconb {
                    width: 15px;
                    height: 17px;
                    background-color: #fff;

                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }


        }



        // 1
    }

    // 安全隐患 管理
    .manage {
        display: flex;
        flex-direction: column;
        margin: 8px 0 5px 0;

        .danger {
            width: 186px;
            height: 20px;
            margin-bottom: 2px;
            background-image: url('../assets/rightimg/icon-1.png');

            .danger-title {
                width: 186px;
                height: 19px;
                font-size: 16px;
                color: #FFFFFF;
                // color: #C2F5FF;
                margin-left: 44px;
                line-height: 16px;
            }
        }

        .bottom {
            display: flex;

            .alert {
                width: 68px;
                height: 32px;
                display: flex;
                align-items: center;
                // background-color: #FFC047;
                background-color: hsla(#FF911F, 0.2);

                .ale {
                    width: 3px;
                    height: 100%;
                    background-color: #FF911F;
                    border-radius: 2px;
                }

                .alert-img {
                    display: flex;
                    width: 20px;
                    height: 20px;

                }

                .alert-font {
                    color: #FFC047;
                }
            }

            .alert-details {
                width: 364px;
                height: 32px;
                line-height: 32px;
                padding: 0 0 0 10px;
                color: #fff;
                background-color: hsla(#FF911F, 0.2);

            }
        }

        // 

    }

    // 监控点位
    .monitor {
        .danger {
            width: 186px;
            height: 20px;
            margin-bottom: 2px;
            background-image: url('../assets/rightimg/icon-1.png');

            .danger-title {
                width: 186px;
                height: 19px;
                font-size: 16px;
                color: #FFFFFF;
                // color: #C2F5FF;
                margin-left: 44px;
                line-height: 16px;
            }
        }

        .monitor-content {
            height: 100px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;

            .tor {
                width: 210px;
                height: 90px;
                border-radius: 7px;
                margin: 0 28px 8px 0;
                // background-color: #FFC047;
                // background-color: hsla(206, 100%, 45%, 0.3);
                position: relative;

                .positioning {
                    position: absolute;
                    bottom: 0;
                    width: 210px;
                    // background-color: #10ff04;
                    height: 25px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    font-size: 14px;
                    color: #FFF;

                    background-image: url('../assets/rightimg/accident_tiltle_bg12x');

                    // background-size: cover;
                    // background-repeat: no-repeat;
                    // background-position: center;
                    .content {
                        margin-left: 6px;
                    }

                    .icon {
                        width: 15px;
                        height: 15px;
                        margin-right: 6px;

                        img {
                            display: flex;
                            width: 15px;
                            height: 15px;
                        }
                    }
                }
            }

            // .list1 {}
        }
    }
}